﻿@model IEnumerable<Fcom.VNInsurance.Web.Models.ProductLang>
@{
    var CatProduct = (Fcom.VNInsurance.Web.Models.ProductCat) ViewBag.CatProduct;
    var NewsList = (IEnumerable<Fcom.VNInsurance.Web.Models.NewsLang>)ViewBag.news;
    ViewBag.Title = "Trang chủ";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<div  style="margin-top:0px;" class="container pcatmenu-@CatProduct.CatName.ToLower()">

                @foreach (var pl in Model)
                {
            	<div class="subitem">
                    <a class="linkscompare@(pl.LangID)" href="@Url.Action(pl.Product.Action, pl.Product.Controller)">
                	<div class="container" style="background:url(@Url.Content("~/Content/images/ProductIcons/" + pl.Product.ProductIcon)) no-repeat 15px 30px; height:165px;padding-left:90px;padding-top:30px;">
                    	<span class="subitem-title">@pl.DisplayName</span>
                  
                        <p >@pl.SmallIntro</p>
                    
                    	
                    </div>
                           </a>
                </div>
                }

</div>
<div class="container" style="padding-top:5px">
   <div id="carousel-example-generic" class="carousel slide">
  <!-- Indicators -->
   <div id="vnsavingcampaign-right" style="z-index:500">
                        <h1 id="tagline">@Fcom.VNInsurance.Web.LangResource.Layout.lblSharingcm</h1>
                        <p class="tagline-copy">@Fcom.VNInsurance.Web.LangResource.Layout.lblSaveTo:</p>
                        <ul id="house-mainnav">
                            <li>
                                <a href="#">
                                    <strong>Thẻ tín dụng</strong>
                                    <span>4.000.000
      <em>VND</em>
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <strong>Tiền gửi</strong>
                                    <span>2.000.000
      <em>VND</em>
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <strong>Vay tín chấp</strong>
                                    <span>3.500.000
      <em>VND</em>
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <strong>Bảo hiểm xe máy</strong>
                                    <span>5.000.000
      <em>VND</em>
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <strong>Bảo hiểm xe ô tô</strong>
                                    <span>9.000.000
      <em>VND</em>
                                    </span>
                                </a>
                            </li>

                        </ul>
                    </div>
  <!-- Wrapper for slides -->
  <div class="carousel-inner">
       <div class="item active">
          <img alt="VNBaoHiem"  src="@Url.Content("~/Content/images/Banner/sl1.png")" />
          <div class="carousel-caption">
            
          </div>
        </div>
        <div class="item">
          <img alt="VNBaoHiem"  src="@Url.Content("~/Content/images/Banner/sl2.png")" />
          <div class="carousel-caption">
          </div>
        </div>
  </div>
</div>
</div>


<div class="row" style="">
     <div class="col-lg-8">
        <div class="container" style="padding-left:15px;">
            @foreach (var n in NewsList)
            {
             <div class="containter">
                 <h4 style="margin-top:5px !important;margin-bottom:3px !important;color:#EB1F1F">@n.Title</h4>
                  <div class="container" style="line-height:15px">
                       @Html.Raw(HttpUtility.HtmlDecode(n.FullContent))
                  </div>
             </div>
            }
        </div>
     </div>
     <div class="col-lg-4">
          <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FVnbaohiem&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100%; height:260px;" allowTransparency="true"></iframe>   
         <div class="container" style="padding-left:7px; padding-bottom:10px;">
                              <!-- AddThis Button BEGIN -->
        <div class="addthis_toolbox addthis_default_style ">
        <a class="addthis_button_preferred_1"></a>
        <a class="addthis_button_preferred_2"></a>
        <a class="addthis_button_preferred_3"></a>
        <a class="addthis_button_preferred_4"></a>
        <a class="addthis_button_compact"></a>
        <a class="addthis_counter addthis_bubble_style"></a>
        </div>
        
        <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52116863612dd7b2"></script>
        <!-- AddThis Button END -->
         </div>
     </div>
     <div style="clear:both"></div>
 </div>
 <script type="text/javascript">
     $(document).ready(function () {
         $('.carousel').carousel({
             interval: 12000
         });
         $("#menu-@(CatProduct.CatName.ToLower())").addClass("active");
     });
    
 </script>